﻿<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>馆舍数据</title>
		<link rel="stylesheet" type="text/css" href="preview/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="preview/css/house_data.css" />
	</head>

	<body>
		<div class="serviceTime">
			<div class="wrap box_border">
				<div class="title">馆舍数据</div>
				<div class="rect flex">
					<!--今日进馆-->
					<div class="todayArrived">
						<p class="upTitle">今日入馆</p>
						<p class="todayArrived_num">1329</p>
						<div class="rect_green1 GPU move"></div>
						<div class="rect_green2 GPU move"></div>
						<div class="rect_green3 GPU move"></div>
						<div class="rect_green4 GPU move"></div>
					</div>
					<!--今日借阅-->
					<div class="todayborrow">
						<p class="upTitle">今日借阅</p>
						<p class="todayborrow_num">1329</p>
						<div class="rect_yellow1 GPU move"></div>
						<div class="rect_yellow2 GPU move"></div>
						<div class="rect_yellow3 GPU move"></div>
						<div class="rect_yellow4 GPU move"></div>
					</div>
				</div>
				<div class="grid flex">
					<div class="grid_item">
						<p class="grid_title">图书馆开馆</p>
						<div class="grid_box">
							<canvas class="grid_canvas"></canvas>
							<div class="textContent">
								<span class="day">40185</span>
								<small>天</small>
							</div>
						</div>
					</div>
					<div class="grid_item">
						<p class="grid_title">共计服务</p>
						<div class="grid_box">
							<canvas class="grid_canvas"></canvas>
							<div class="textContent">
								<span class="hours">40185</span>
								<small>时</small>
							</div>
						</div>
					</div>
					<div class="grid_item">
						<p class="grid_title">在职服务人员</p>
						<div class="grid_box">
							<canvas class="grid_canvas"></canvas>
							<div class="textContent">
								<span class="person">40185</span>
								<small>人</small>
							</div>
						</div>
					</div>
					<div class="grid_item">
						<p class="grid_title">已服务持证读者</p>
						<div class="grid_box">
							<canvas class="grid_canvas"></canvas>
							<div class="textContent">
								<span class="reader">40185</span>
								<small>人</small>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="preview/js/jquery.min.js"></script>
		<script src="preview/js/rem.js"></script>
		<script src="preview/js/countUp.js"></script>
		<script src="preview/js/house_data.js"></script>
	</body>

</html>